
<!DOCTYPE HTML>
<html>
<head>
    <title>HOME PAGE</title>
    <link rel="icon" href="resource/favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" href="resource/favicon.ico" type="image/x-icon"/> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/JavaScript">
        function startSearch() {
            // https://www.google.com/search?q=
            // https://www.baidu.com/s?word=
            var str = document.getElementById("searchField").value;
            var url = "https://www.google.com/search?q=" + str;
            window.open(url);
        }
        function startBiyingSearch() {
            var str = document.getElementById("searchField").value;
            var url = "https://cn.bing.com/search?q=" + str;
            window.open(url);
        }
        function onEnterDown() {
            if(event.keyCode == 13) {   
                document.getElementById("searchButton").click();   
                return false;   
        } 
        }
    </script>
</head>
    <body id="body" >
          <script src="https://sf-cdn.coze.com/obj/unpkg-va/flow-platform/chat-app-sdk/0.1.0-beta.2/libs/oversea/index.js"></script>
      <script>
          new CozeWebSDK.WebChatClient({
            config: {
              bot_id: '7338383966245830662',
            },
            componentProps: {
              title: 'Coze',
            },
          });
      </script>
        <div style="background-color:#272822; 
        padding:15px;
        height:auto ;
        margin-bottom: 20px;">
            <h1 style="color:white;text-align:center">常用站点</h1>
        </div>

        <div style="
        margin:0 auto;
        margin-bottom:20px;
        width:740px;
        height:40px">
            <input id="searchField" type="text" onkeydown="onEnterDown();" placeholder="输入搜索内容" style="
            width:540px;
            height:100%;
            font-size:20px;">
            </input>

            <button id="searchButton" onclick="startSearch();" style="
            background-color:#169FE6;
            color:white;
            width:90px;
            height:100%;
            font-size:20px;">
            Google
            </button>

            <button id="searchBiyingButton" onclick="startBiyingSearch();" style="
            background-color:#169FE6;
            color:white;
            width:90px;
            height:100%;
            font-size:20px;">
            必应
            </button>
        </div>

        
        <div id = "conten_div" style="background-color:#F2F4F7; 
            height:fit-content;
            width:fit-content;
            min-width:760px;
            padding:20px;
            margin:0 auto;">
                
                <div style="width:fit-content;
                    text-align:left;
                    padding-top:3px;
                    padding-bottom:3px;">
                        
                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.acfun.cn/" target="_blank">
                            Acfun
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.bilibili.com/" target="_blank">
                            哔哩哔哩
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="http://www.dilidili.com/" target="_blank">
                            嘀哩嘀哩
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.douyu.com/directory/game/DOTA2" target="_blank">
                            斗　鱼
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.iqiyi.com/" target="_blank">
                            爱 奇 艺
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.youku.com/" target="_blank">
                            优  酷
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="http://www.tvmao.com/" target="_blank">
                            电 视 猫
                        </a>
                    </li>

                    </div>
<div style="width:fit-content;
                    text-align:left;
                    padding-top:10px;
                    padding-bottom:10px;">
                     </div>
                <div style="width:fit-content;
                    text-align:left;
                    padding-top:3px;
                    padding-bottom:3px;">
                        
                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.taobao.com/" target="_blank">
                            淘 宝 网
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.tmall.com/" target="_blank">
                            天　猫
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.jd.com/" target="_blank">
                            京东商城
                        </a>
                    </li>

                    </div>
<div style="width:fit-content;
                    text-align:left;
                    padding-top:10px;
                    padding-bottom:10px;">
                     </div>
                <div style="width:fit-content;
                    text-align:left;
                    padding-top:3px;
                    padding-bottom:3px;">
                        
                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://music.163.com/#/user/home?id=1" target="_blank">
                            网易音乐
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://cuijiahua.com/" target="_blank">
                            技术分享
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.gcores.com/" target="_blank">
                            机核网
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.csdn.net/" target="_blank">
                            CSDN
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.oschina.net/" target="_blank">
                            开源中国
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://pan.baidu.com/disk/home/" target="_blank">
                            百度网盘
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://tushare.pro/" target="_blank">
                            数据包
                        </a>
                    </li>

                    </div>

                <div style="width:fit-content;
                    text-align:left;
                    padding-top:3px;
                    padding-bottom:3px;">
                        
                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://github.com/" target="_blank">
                            GitHub
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.coursera.org/" target="_blank">
                            Coursera
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://vpnso.com/" target="_blank">
                            VPNSO
                        </a>
                    </li>

                    </div>
<div style="width:fit-content;
                    text-align:left;
                    padding-top:10px;
                    padding-bottom:10px;">
                     </div>
                <div style="width:fit-content;
                    text-align:left;
                    padding-top:3px;
                    padding-bottom:3px;">
                        
                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="http://www.1993s.top/" target="_blank">
                            在线之家
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="http://www.yinghuacd.com/" target="_blank">
                            樱花动漫
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://gimy.app/" target="_blank">
                            GIMY
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.iflix.com/zh-cn/" target="_blank">
                            海外wetv
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.novipnoad.com/" target="_blank">
                            No视频
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://qianoo.cn/" target="_blank">
                            厂长视频
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://www.olevod.com/" target="_blank">
                            欧乐影院
                        </a>
                    </li>

                    </div>

                <div style="width:fit-content;
                    text-align:left;
                    padding-top:3px;
                    padding-bottom:3px;">
                        
                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://cupfox.app/" target="_blank">
                            茶杯狐
                        </a>
                    </li>

                    <li style="display:inline-block;width:85px;
                    text-align:center;
                    margin-left:5px;
                    margin-right:5px;">
                        <a style="color:black;font-size:20px;" href="https://libvio.fun/type/1.html" target="_blank">
                            LIBVIO
                        </a>
                    </li>

                    </div>
<div style="width:fit-content;
                    text-align:left;
                    padding-top:10px;
                    padding-bottom:10px;">
                     </div>
        </div>
    </body>
</html>
